import {Component} from 'react'
import {View,Image} from '@tarojs/components'
import './details.less'
import 'taro-ui/dist/style/components/article.scss'
import {AtIcon} from "taro-ui";

class Details extends Component{

  state={

  }

  render(){
    return(
      <View className='at-article'>
        <View className='at-article__h1 title'>
          这是一级标题这是一级标题
        </View>
        <View className='at-article__info time_author'>
          2017-05-07&nbsp;&nbsp;&nbsp;这是作者
        </View>
        <View className='at-icon at-icon-settings stars'>
          <AtIcon value='star' size='30' color='#F00'>
          </AtIcon>
        </View>
        <View className='at-article__content'>
          <View className='at-article__section'>
            <View className='at-article__h2'>这是二级标题</View>
            <View className='at-article__h3'>这是三级标题</View>
            <View className='at-article__p'>
              这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本落。这是文本段落。1234567890123456789012345678901234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ
            </View>
            <View className='at-article__p'>
              这是文本段落。这是文本段落。
            </View>
            <Image
              className='at-article__img'
              src='https://jdc.jd.com/img/400x400'
              mode='widthFix' />
          </View>
        </View>
      </View>
    )
  }
}

export default Details
